<template>
<div>
    <div class="customer_search">
        <input type="text" placeholder="搜索">
        <div><b></b></div>
    </div><!--customer_search ed-->
    <div class="customer_main">
        <div>
            <mt-cell-swipe
                  title="杨颖"
                  label="你好，最近有没有什么新款产品推荐？"
                  :right="[
                    {
                      content: '删除',
                      style: { background: 'green', color: '#fff',fontSize:'0.28rem',height:'1.2rem',lineHeight:'1.2rem'},
                      handler: () => this.$messagebox('delete')
                    }
                  ]">
            </mt-cell-swipe>
        </div>
    </div><!--customer_main ed-->
</div>
</template>
<script>

</script>
<style scoped lang="less">
.customer_search{
    width:94%;
    height: 0.6rem;
    line-height: 0.6rem;
    margin:0.15rem auto;
    background-color: #fff;
    border:0.01rem solid #c9c9c9;
    border-radius: 0.1rem;
    font-size: 0;
    input{
        display: inline-block;
        width:88%;
        height: 0.6rem;
        line-height: normal;
        font-size: 0.26rem;
        color:#333;
        text-indent:0.3rem;
        vertical-align: middle;
    }
    &>div{
        display: inline-block;
        width:12%;
        b{
            display: inline-block;
            width:0.25rem;
            height: 0.25rem;
            background:url(../../../common/images/search.png) no-repeat; 
            background-size: 0.25rem 0.25rem; 
            vertical-align: middle;
            margin-left: 40%;
        }
    }
}
::-webkit-input-placeholder { 
    color: #d6d6d6; 
} 
.mint-cell-swipe{
    height: 1.2rem;
}
.mint-cell-swipe-buttongroup{
    font-size: 0!important;
}
</style>
